<!DOCTYPE html>
<html>
<head>
	<include file="Public:include_head" />
	<title>“{$user.nick_name}”{$user.real_name}的个人主页 | 百工宝</title>
	<meta name=keywords content={$user.nick_name}、{$user.real_name}>
	<meta name=description content={$user.nick_name} {$user.real_name}>
</head>
<body class="body">
        
    <include file="Public:head" />
    
	
	<div>
    	<div class="top_bg " style="background-image:url({$user.bg_img}); ">
            <div class="user_info shadow" style="height: 325px;">
                <div class="head_ico">
                    <img src="{$user.head_ico}">
                </div>
                <div class="user_name nick_name"><b>{$user.nick_name}</b></div>
                <div class="text">{$user.major} {$user.job}</div>
                <div class="detail">
                    <div class="btn op sc hand" style="border-right:1px solid #d4d4d4;">
                        <div class="number">5</div>
                        <div>关注</div>
                    </div>
                    <div class="btn op sc hand" style="border-right:1px solid #d4d4d4;">
                        <div class="number">16</div>
                        <div>粉丝</div>
                    </div>
                    <div class="btn op sc hand">
                        <div class="number">35</div>
                        <div>动态</div>
                    </div>
                </div>
            </div>
            <div style="width:100%;height:380px;"></div>

            <div class="user_sets">
            	<div style="float: left; background-color: #ffffff;">
	                <div style="background:#ff9800; color:#FFF;line-height:40px;height:40px;overflow:hidden;margin:10px 130px 10px 20px;border-radius:5px;">
	                    <svg viewBox="64 64 896 896" width="20" height="20" style="fill: rgb(255, 255, 255);float:left;margin:10px;">
	                        <path d="M866.9 169.9L527.1 54.1C523 52.7 517.5 52 512 52s-11 .7-15.1 2.1L157.1 169.9c-8.3 2.8-15.1 12.4-15.1 21.2v482.4c0 8.8 5.7 20.4 12.6 25.9L499.3 968c3.5 2.7 8 4.1 12.6 4.1s9.2-1.4 12.6-4.1l344.7-268.6c6.9-5.4 12.6-17 12.6-25.9V191.1c.2-8.8-6.6-18.3-14.9-21.2zM810 654.3L512 886.5 214 654.3V226.7l298-101.6 298 101.6v427.6zm-405.8-201c-3-4.1-7.8-6.6-13-6.6H336c-6.5 0-10.3 7.4-6.5 12.7l126.4 174a16.1 16.1 0 0 0 26 0l212.6-292.7c3.8-5.3 0-12.7-6.5-12.7h-55.2c-5.1 0-10 2.5-13 6.6L468.9 542.4l-64.7-89.1z"></path>
	                    </svg>
	                    <div style="float:left;font-weight:bold;">百工认证</div>
	                </div>
	                <div style="margin:10px 20px;border-bottom:1px solid #f3f3f3;padding-bottom:10px;">{$user.city_name}</div>
	                <div style="margin:10px 20px;border-bottom:1px solid #f3f3f3;padding-bottom:10px;">{$user.major} {$user.job}</div>
	                <div style="margin:10px 20px;border-bottom:1px solid #f3f3f3;padding-bottom:10px;">就职于：{$user.company}</div>
	                <div style="margin:10px 20px;border-bottom:1px solid #f3f3f3;padding-bottom:10px;">职务：{$user.duties} </div>
	                <div style="margin:10px 20px;border-bottom:1px solid #f3f3f3;padding-bottom:10px;">地址：{$user.company_address}</div>
	                <div style="margin:10px 20px;border-bottom:1px solid #f3f3f3;padding-bottom:10px;">个人简介：{$user.detail}</div>
	                <div style="margin:10px 20px;border-bottom:1px solid #f3f3f3;padding-bottom:10px;">头衔：{$user.office}</div>
                </div>
                <div class="user_contents">
	                <volist name="info" id="co">
						<ul class="contents">
							<li>
									<p style="margin:0 0 10px 0">
										<img src="{$co.head_ico}" style="width:30px;height:30px;">
										<span>{$co.nick_name}</span>
										<span>|</span>
										<span>等级:{$co.lv}</span>
										<span>|</span>
										<span>{$co.city_name}</span>
										<span>|</span>
										<span>{$co.major}</span>
									</p>
								<a href="/content/info/{$co.id}">
									<h2>{$co.title}</h2>
									<p>{$co.content}</p>
								</a>
						
								<notempty name="co.imgs">
									<p>
										<volist name="co.imgs" id="img">
											<img src="{$img}" style="margin:10px 10px 0 0 ; width: 80px;height: 80px;" alt="{$co.title}" title="{$co.title}">
										</volist>
									</p>
								</notempty>
									
								<notempty name="co.files">
									<p>
										<volist name="co.files" id="file">
											<a href="{$file.file_url}" target="_blank">
												<p style="background:#f3f3f3;margin:5px 0;">
													<img src="https://baigongbao.oss-cn-beijing.aliyuncs.com/img/file2.png" style="width:40px;height:40px;">
													{$file.file_name}
												</p>
											</a>
										</volist>
									</p>
								</notempty>
								<a href="/content/info/{$co.id}">
									<p>{$co.create_time}</p>
								</a>
								<a href="/content/info/{$co.id}">
									<p style="margin:0 0 10px 0">
										<span>收藏</span>
										<span>|</span>
										<span>转发</span>
										<span>|</span>
										<span>回复{$co.answers_count}{$co.comment_count}</span>
										<span>|</span>
										<span>赞{$co.commend_count}</span>
									</p>
								</a>
							</li>
						</ul>
					</volist>
			 	</div>
      <!--   </div> -->
            </div>

      

<!--         <div class="page_body" style="margin:20px 0 0 340px;"> -->
            
            <
        
    </div>

</script>
<style type="text/css">

</style>
<style scoped>
	.body{
		background-color: #f0f0f0;
	}
    .top_bg{
        height:350px; width:70%; background-repeat:no-repeat; background-size:100%; margin-left: 380px;
        position:relative;
    }
    .user_info{
        width: 260px; position: absolute;top:60px;left:60px;
        background:#FFF; 
    }
    .user_info .head_ico{
        width:130px; height:130px;margin:20px auto;border-radius:50%;overflow:hidden;
    }
    .user_info .head_ico img{
        width:100%;height:100%;
    }
    .user_info .nick_name{
        font-size:25px; text-align:center; font-weight:bolder;height:40px;line-height:40px;overflow:hidden;
    }
    .user_info .text{
        text-align:center; font-size:16px;
    }
    .user_info .detail{
        width:100%;height:40px;line-height:20px; text-align:center;
        color:#666; margin-top:25px;font-size:16px;
    }

    .user_info .detail .btn{
        float:left;width:calc( 33% - 1px );height:50px;line-height:25px;text-align:center;
    }
    .user_info .detail .btn .number{
        color:#000;font-size:20px; font-weight:bold;
    }

    .user_sets{
        width: 100%; 
        background:#FFF;  
        margin:20px 0;padding-top:1px;margin-left:60px;
    }
    .user_sets_title{
        height:20px;line-height:20px; font-weight:bold;
        margin:20px 20px 15px 20px; font-size:15px; 
    }
	.user_sets .user_contents{
		width:800px; height:130px;float: left;margin-left: 20px;
	}
    .top_bg img{
        width:100%;height:100%;
    }
    .contents{
		 width: 800px; float:left;
	}
	.contents li{
		background:#FFF; margin:10px 0 0 0;
		padding:10px;
	}
</style>


		
</body>
</html>